<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    1、mark:高亮显示，行级标签
    2、details(描述)，summary（摘要）：一般用于名词解释或用于封装一个区块
    3、meter:定义度量衡
    4、progress 进度条
    5、dialog： 对话框或者窗口
    6、figure: 用于对元素进行组合（一般用来组合一张图的标题，图片和图片描述）

-->

<details>
    <summary>前端开发</summary>
    <h2>大前端开发包括</h2>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</details>

<progress value="70" max="100">70%</progress>

<dialog open>
    <h2>大前端开发包括</h2>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>


</dialog>

</body>
</html>